import React, { Component } from 'react';

class App extends Component {
  // 1. 定义一个 值 待会要绑定在表单元素上的
  state = {
    isOK:true
  }
  render() {
    return (
      <div>
        {/*2. 将状态中的 isOK  通过 checked 属性 绑定在 input 元素上*/}
        {/*3. 表单中 添加 onChange 事件 将变化之后的值 通过 setState 方法 赋值给 state.isOK*/}
        <input type="checkbox" checked={this.state.isOK} onChange={(e)=>{
          // e.target.checked
          this.setState({
            isOK:e.target.checked
          })
        }}></input>
      </div>
    );
  }
}

export default App;
